import {defineStore} from 'pinia'
import {computed, ref} from 'vue'
import {useUserStore} from './userStore'
import { insertCartAPI, findNewCartListAPI, delCartAPI } from '@/apis/cart'

export const useCartStore = defineStore('cart',()=>{
    const userStore = useUserStore()
    // 如果拿到token  isLogin就是true  当判断条件
    const isLogin = computed(()=>userStore.userInfo.token)
   
    // 1.定义state - cartList
    const cartList = ref([])
    // 获取最新购物车列表
    const updateNewList =async ()=>{
        // 获取最新的购物车列表
        const res = await findNewCartListAPI()
        // 覆盖本地购物车列表
        cartList.value = res.result
    }
    // 2.定义action - addCart 添加购物车
    const addCart =async(goods)=>{
        const { skuId, count } =goods
        if(isLogin.value) {
        // 登录之后的购物车逻辑 加入购物车接口调用
        await insertCartAPI({skuId,count})   
        updateNewList()
        }else {
            //添加购物车操作
            // 已添加过 - count + 1
            // 没有添加过 - 直接push
            // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
            // 某一个数据在数组里面找有没有 用find
            const item = cartList.value.find((item) => goods.skuId === item.skuId)
            if (item) {
                //找到了
                item.count++
            } else {
                //没找到
                cartList.value.push(goods)
            }
        }


}

    // 删除购物车
    const delCart=async (skuId)=>{
        if(isLogin.value){
            // 调用接口实现接口购物车的删除功能 数组
            await delCartAPI([skuId])
            updateNewList()
        }else {
            // 思路：
            // 1. 找到要删除项的下标值 - splice
            // 2. 使用数组的过滤方法 - filter
            const idx = cartList.value.findIndex((item) => skuId === item.skuId)
            cartList.value.splice(idx, 1)
        }
       
    }
    

    // 清除购物车
    const clearStore=()=>{
        cartList.value=[]
    }



    // 单选功能
    const singleCheck = (skuId, selected) => {
        // 通过skuId找到要修改的那一项 然后把它的selected修改为传过来的selected
        const item = cartList.value.find((item) => item.skuId === skuId)
        item.selected = selected
    }


    //全选功能  
    const allCheck = (selected)=>{
        cartList.value.forEach(item=>item.selected=selected)
    }



    // 计算属性
    // 1.总数,所有count之和
    const allCount= computed(()=>cartList.value.reduce((a,c)=>a+c.count,0))
    // 2.总价格,所有count*price 之和
    const allPrice=computed(() => cartList.value.reduce((a, c) => a + c.count*c.price, 0))

    // 3.已选择数量   先过滤(filter)  过滤条件：每一项selecte为true
    const selectedCount = computed(()=>cartList.value.filter(item=>item.selected).reduce((a,c)=>a+c.count,0))
    // 4.已选择商品价格合计
    const selectedPrice = computed(() => cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count*c.price, 0))

    //是否全选
    const isAll = computed(() => cartList.value.every((item) => item.selected))


    


    return {
        selectedCount,
        selectedPrice,
        isAll,
        allCount,
        allPrice,
        cartList,
        clearStore,
        addCart,
        delCart,
        singleCheck,
        allCheck,
        updateNewList
    }
},{
    persist:true
})